<template>
  <div>
    <h1>兄弟二组件</h1>
    <h1>兄弟1组件传来的值：{{broname}}</h1>
    <h1>父组件传来的值：{{fdata}}</h1>
    <button @click="send">发送</button>
  </div>
</template>

<script>
// vue的兄弟组件传值 是用this.$emit()触发自定义事件传值
// 用this.$on去监听自定义事件 并获取数据
export default {
  name: '2209vueBroTwo',

  data() {
    return {
      guanyu:"我是关羽",
      hmsg:"主公,救我",
      broname:"",
      fdata:""
    };
  },
  created(){
    // $on接收数据的生命周期 一定要提前
    // $on 监听接收数据一定比$emit 触发要早
    this.$bus.$on('sendname',(val)=>{
        this.broname=val;
    })
  },
  mounted() {
    // 先子传父 在父传子 
      this.$emit("sendtwo",this.hmsg)
  },

  methods: {
    send(){
      // 用this.$emit()触发自定义事件传值
      console.log("111")
      this.$bus.$emit('sendmsg',this.guanyu)
    },
    run(txt){
      this.fdata=txt
    }
  },
};
</script>